<!--
 程序：画5环，在整个屏幕不动，且居中
 作者：周飞
 日期：2018-7-7 
 -->
 
<html>
<head lang="en">
	<meta charset = "utf-8">
	<link href="5huan.css" rel = "stylesheet" />
</head>
<body>
	<h1>5环</h1>
		
		<div class = "circle centerblack">
			<div class = "circle blue"></div>
			<div class = "circle yellow"></div>
			<div class = "circle red"></div>
			<div class = "circle green"></div>
		</div>

	<ol type="A">
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
		<li>滚动</li>
	</ol>
	
</body>
</html>